<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <title>湖南省自来水公司营销管理信息系统</title>

    <link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/text.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/form.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/buttons.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" title="no title"/>

    <link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen"
          title="no title"/>
    <link rel="stylesheet" href="../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/plugin/facebox.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title"/>
    <link rel="stylesheet" href="../css/plugin/dataTables.css" type="text/css" media="screen" title="no title"/>

    <link rel="stylesheet" href="../css/custom.css" type="text/css" media="screen" title="no title">

</head>

<body>

<div id="wrapper">

    <div id="header">

        <div class="content_pad">
            <h1><a href="../workspace.html">湖南省自来水公司营销管理信息系统</a></h1>

            <ul id="nav">

                <li class="nav_dropdown nav_icon">
                    <a href="javascript:;"><span class="ui-icon ui-icon-wrench"></span>业扩工程</a>

                    <div class="nav_menu">
                        <ul>
<<<<<<< HEAD
                            <li><a href="/show">01 用户申请</a></li>
                            <li><a href="/queryBeOrder">02 初步审核</a></li>
                            <li><a href="/queryBeOrderfei">03 交施工费</a></li>
                            <li><a href="/queryBeOrdershui">04 水费清算</a></li>
                            <li><a href="/queryBeOrdergong">05 供水协议</a></li>
                            <li><a href="be__working.html">06 施工竣工</a></li>
                            <li><a href="be__open.html">07 通水停水</a></li>
                            <li><a href="be__save.html">08 档案存档</a></li>
                            <li><a href="queryAllOrd.html">工单管理</a></li>
                            <li><a href="zhzgd">终止工单</a></li>
                            <li><a href="cxstat">业扩工程进度</a></li>
                            <li><a href="GJcxCharge">业扩收费报表</a></li>
=======
                            <li><a href="../page/be__request.html">01 用户申请</a></li>
                            <li><a href="../page/be__audit.html">02 初步审核</a></li>
                            <li><a href="../page/be__pay.html">03 交施工费</a></li>
                            <li><a href="../page/be__billclear.html">04 水费清算</a></li>
                            <li><a href="../page/be__contract.html">05 供水协议</a></li>
                            <li><a href="../page/be__working.html">06 施工竣工</a></li>
                            <li><a href="../page/be__open.html">07 通水停水</a></li>
                            <li><a href="../page/be__save.html">08 档案存档</a></li>
                            <li><a href="../page/be_order.html">工单管理</a></li>
                            <li><a href="../page/be_abort.html">终止工单</a></li>
                            <li><a href="../page/be_reportProgress.html">业扩工程进度</a></li>
                            <li><a href="../page/be_reportMoney.html">业扩收费报表</a></li>
>>>>>>> 44fe0bde40fc461e32cae351c1883e6b70f9db82
                        </ul>

                    </div>
                </li>

                <li class="nav_dropdown nav_icon">
                    <a href="javascript:;"><span class="ui-icon ui-icon-person"></span>用户管理</a>

                    <div class="nav_menu">
                        <ul>
                            <li><a href="../page/user_search.html">用户查询</a></li>
                            <li><a href="../page/user_add.html">快捷新户</a></li>
                            <li><a href="../page/user_changeName.html">快捷过户</a></li>
                            <li><a href="../page/user_changeBank.html">快捷代扣</a></li>
                            <li><a href="../page/user_changeMeter.html">快捷换表</a></li>
                            <li><a href="../page/user_changeFormula.html">快捷重签</a></li>
                            <li><a href="../page/user_delete.html">快捷销户</a></li>
                            <li><a href="../page/user_reportShortcut.html">快捷操作记录</a></li>
                            <li><a href="../page/user_docNum.html">档案号管理</a></li>
                            <li><a href="../page/user_sendMsg.html">短信群发</a></li>
                        </ul>

                    </div>
                </li>

                <li class="nav_dropdown nav_icon">
                    <a href="javascript:;"><span class="ui-icon ui-icon-pencil"></span>抄表管理</a>

                    <div class="nav_menu">
                        <ul>
                            <li><a href="../page/rd_volume.html">表册管理</a></li>
                            <li><a href="../page/rd_init.html">抄表初始化</a></li>
                            <li><a href="../page/rd_task.html">任务分配</a></li>
                            <li><a href="../page/rd_enter.html">抄表录入</a></li>
                            <li><a href="../page/rd_audit.html">抄表审核</a></li>
                            <li><a href="../page/rd_reportReading.html">抄表情况查询</a></li>
                            <li><a href="../page/rd_reportVolumeReading.html">抄表统计报表</a></li>
                            <li><a href="../page/rd_reportZero.html">零吨位用户查询</a></li>
                            <li><a href="../page/rd_reportMaxValue.html">最大码值修正记录</a></li>
                            <li><a href="../page/rd_reportCPreAmount.html">底码修正记录</a></li>
                            <li><a href="../page/rd_reportMeterCheck.html">水表周检报表</a></li>
                        </ul>

                    </div>
                </li>

                <li class="nav_dropdown nav_icon">
                    <a href="javascript:;"><span class="ui-icon ui-icon-star"></span>收费管理</a>

                    <div class="nav_menu">
                        <ul>
                            <li><a href="../page/pay_window.html">窗口收费</a></li>
                            <li><a href="../page/pay_batch.html">批量收费</a></li>
                            <li><a href="../page/pay_invoiceReprint.html">发票补开/作废</a></li>
                            <li><a href="../page/pay_reportDebts.html">欠费报表</a></li>
                            <li><a href="../page/pay_reportPay.html">收费情况报表</a></li>
                            <li><a href="../page/pay_reportMonthRecycle.html">月资金回收情况报表</a></li>
                            <li><a href="../page/pay_reportBalance.html">用户预收情况报表</a></li>
                            <li><a href="../page/pay_reportWaterType.html">各类用水统计总表</a></li>
                        </ul>

                    </div>
                </li>

                <li class="nav_dropdown nav_icon">
                    <a href="javascript:;"><span class="ui-icon ui-icon-script"></span>发票管理</a>

                    <div class="nav_menu">
                        <ul>
                            <li><a href="/queryIvInvoice">发票总表</a></li>
                            <li><a href="/addview">发票入库</a></li>
                            <li><a href="/addout">发票出库</a></li>
                            <li><a href="/addArchive">发票交票</a></li>
                            <li><a href="/queryOut">发票出库情况查询</a></li>
<<<<<<< HEAD
                            <li><a href="../page/inv_invoiceReportEmp.html">收费人员发票查询</a></li>
                            <li><a href="../page/inv_invoiceReportArchive.html">发票交票情况查询</a></li>
                            <li><a href="../page/inv_invoiceReportUse.html">发票使用情况查询</a></li>
                            <li><a href="../page/inv_invoiceReportMoneySum.html">销账汇总报表</a></li>
                            <li><a href="../page/inv_invoiceReportMoneyDetail.html">销账明细报表</a></li>
=======
                            <li><a href="inv_invoiceReportEmp.html">收费人员发票查询</a></li>
                            <li><a href="inv_invoiceReportArchive.html">发票交票情况查询</a></li>
                            <li><a href="inv_invoiceReportUse.html">发票使用情况查询</a></li>
                            <li><a href="inv_invoiceReportMoneySum.html">销账汇总报表</a></li>
                            <li><a href="inv_invoiceReportMoneyDetail.html">销账明细报表</a></li>
>>>>>>> 44fe0bde40fc461e32cae351c1883e6b70f9db82
                        </ul>
                    </div>
                </li>

                <li class="nav_dropdown nav_icon">
                    <a href="javascript:;"><span class="ui-icon ui-icon-gear"></span>系统设置</a>

                    <div class="nav_menu">
                        <ul>
                            <li><a href="querySyArea">抄表辖区</a></li>
                            <li><a href="/querySyMetertype">水表型号</a></li>
                            <li><a href="../page/sys_dept.html">部门管理</a></li>
                            <li><a href="../page/sys_emp.html">员工管理</a></li>
                            <li><a href="../page/sys_menupower.html">菜单权限设置</a></li>
                            <li><a href="../page/sys_areapower.html">辖区权限设置</a></li>
                            <li><a href="../page/sys_waterType.html">用水类型设定</a></li>
                            <li><a href="../page/sys_surcharge.html">附加费设定</a></li>
                            <li><a href="../page/sys_flow.html">流程配置</a></li>
                        </ul>

                    </div>
                </li>

                <li class="nav_current nav_dropdown nav_icon_only">
                    <a href="javascript:;">&nbsp;</a>

                    <div class="nav_menu">
                        <ul>
                            <li><a href="../workspace.html">我的工作台</a></li>
                            <li><a href="../page/sys_pwd.html">修改密码</a></li>
                            <li><a href="../login.html">退出系统</a></li>
                        </ul>
                    </div> <!-- .menu -->
                </li>
            </ul>
        </div> <!-- .content_pad -->

    </div> <!-- #header -->

    <div id="masthead">
        <div>
            <span id="pagetitle"><a href="javascript:;">发票出库</a></span>
            <span id="welcome_span">欢迎回来，马云</span>
        </div>
    </div> <!-- #masthead -->

    <div id="content" class="xgrid">


        <div class="x12">

            <h2>发票出库</h2>

            <div class="form label-inline uniform">

                <div class="field"><label for="OutDate">出库时间</label> <input id="OutDate" name="OutDate" size="50"
                                                                            type="text" class="medium"
                                                                            readonly="readonly"
                                                                            th:value="${#dates.format(date, 'yyyy-MM-dd')}"/>
                </div>

                <div class="field"><label for="ss">出库人</label> <input id="ss" name="ss" size="50" type="text"
                                                                      class="medium" readonly="readonly" value="诸葛发财"/>
                </div>

                <div class="field"><label for="EmpID">领用人</label> <select class="medium" id="EmpID" name="EmpID">
                    <option value="1">1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>

                </select></div>

                <div class="field"><label for="InvoiceType">发票类型</label> <input id="InvoiceType" name="InvoiceType"
                                                                                size="50" type="text" class="medium"
                                                                                readonly="readonly"
                                                                                value="填入发票号码后，Ajax查询"/></div>

                <div class="field"><label for="StartNo">发票起始号码</label> <input id="StartNo" name="StartNo" size="50"
                                                                              type="text" class="medium"/></div>

                <div class="field"><label for="EndNo">发票终止号码</label> <input id="EndNo" name="EndNo" size="50"
                                                                            type="text" class="medium"/></div>

                <div class="field"><label for="Counts">发票张数</label> <input id="Counts" name="Counts" size="50"
                                                                           type="text" class="medium"
                                                                           readonly="readonly" value="填入发票号码后，动态显示"/>
                </div>


                <div class="buttonrow">
                    <button class="btn" id="click">保存</button>
                    <button class="btn btn-grey" onClick="history.back(-1);">返回</button>
                </div>

            </div>

        </div> <!-- .x12 -->

    </div> <!-- #content -->

    <div id="footer">
        <div class="content_pad">
            <p>&copy; 2013-11 版权所有 <a href="#">湖南省自来水公司</a>. 技术支持 <a href="#">职业教育</a>.</p>
        </div> <!-- .content_pad -->
    </div> <!-- #footer -->

</div> <!-- #wrapper -->
<div id="errorinfo" style="display: none" align="center">
    <div id="red">终止号或起始号已存在</div>
</div>
<a href="#errorinfo" rel="facebox" style="display: none"></a>
<script src="../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../js/misc/excanvas.min.js"></script>
<script src="../js/jquery/facebox.js"></script>
<script src="../js/jquery/jquery.visualize.js"></script>
<script src="../js/jquery/jquery.dataTables.min.js"></script>
<script src="../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../js/jquery/jquery.uniform.min.js"></script>
<script src="../js/jquery/jquery.placeholder.min.js"></script>

<script src="../js/widgets.js"></script>
<script src="../js/dashboard.js"></script>

<script type="text/javascript">

    $(document).ready(function () {
        Dashboard.init();
    });
    $(function () {
        $("#StartNo,#EndNo").change(function () {
            var StartNo = parseInt(document.getElementById("StartNo").value);
            var EndNo = parseInt(document.getElementById("EndNo").value);
            if (StartNo >= EndNo) {
                alert("终止发票号必须大于起始发票号")
                $("#StartNo").val("")
                $("#EndNo").val("")
                $("#Counts").attr("value", "填入发票号码后，动态显示")
                return;
            }
            $("#StartNo,#EndNo").change(function () {
                var data = {
                    startNo: $("#StartNo").val(),
                    endNo: $("#EndNo").val(),
                }
                $.ajax({
                    type: "post",
                    url: "queryIvOutinvoice",
                    data: data,
                    success: function (reulst) {
                        //没
                        if (reulst == "true") {
                            $("#InvoiceType").attr("value", "填入发票号码后，Ajax查询");
                        }
                        //有
                        else {
                            $("#red").css("color", "red");
                            $("a[rel*=facebox]").click()
                            $("#InvoiceType").val(reulst);

                        }
                    }
                })
            })
            if (StartNo < EndNo) {
                var sum = EndNo - StartNo;
                $("#Counts").val(isNaN(sum) ? "填入发票号码后，动态显示" : sum);
            }

        })
    })

    $(function () {
        $("#click").click(function () {

            var form = {
                StartNo: $("#StartNo").val(),
                EndNo: $("#EndNo").val(),
                EmpID: $("#EmpID").val(),
                Counts: $("#Counts").val()
            };
            $.ajax({
                type: "post",
                url: "add",
                data: form,
                success: function (result) {
                    if (result == "true") {
                        alert("添加成功")
                        // var select1 = $('select');
                        // console.log(select1);
                        // select1.each(function(i, j){
                        // 	console.log(j.id);
                        // 	var options = $('#'+j.id).find("option:eq(0)");
                        // 	options.attr("selected", false);
                        // 	options.first().attr("selected", true);
                        // })

                        $("#StartNo").val("");
                        $("#EndNo").val("");
                        $("#InvoiceType").empty();
                        $("#InvoiceType").attr("value", "填入发票号码后，Ajax查询");
                        $("#Counts").attr("value", "填入发票号码后，动态显示");
                    }
                    else {
                        alert("添加失败")
                        if ($("#StartNo").val() != "" && $("#EndNo").val() != "") {
                            $("#red").css("color", "red");
                            $("a[rel*=facebox]").click()
                            $("#StartNo").val("");
                            $("#EndNo").val("");
                            $("#InvoiceType").empty();
                            $("#InvoiceType").attr("value", "填入发票号码后，Ajax查询");
                            $("#Counts").attr("value", "填入发票号码后，动态显示");
                        }
                    }
                }
            })
        })
    })
</script>

</body>

</html>